<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>足球豪门</title>
	<link rel="stylesheet" href="css/introduce.css">
</head>
<body>
	<div class="container">
		<div class="header clearfix">
			<div class="logo"><img src="images/logo.jpg" alt=""></div>
			<ul class="nav">
				<li><a href="index.html">首页</a></li>
				<li><a href="#">足球豪门</a>
					<div class="dropdown">
						<a href="soccer1.html">皇家马德里</a>
						<a href="soccer2.html">AC米兰</a>
						<a href="soccer3.html">拜仁慕尼黑</a>
						<a href="soccer4.html">巴塞罗那</a>
					</div>
				</li>
				<li><a href="development.html">发展历史</a>
				</li>
				<li><a href="regular.html">规则</a>
				</li>
				<li><a href="introduce.html">著名赛事</a>
				</li>
			</ul>
		</div>
		<div class="origin">
			<div class="item">
				<div class="s_Img">
					<img src="images/世界杯.jpg" alt="">
				</div>
				<div class="title">世界杯</div>
				<div class="desc">
					国际足联世界杯（FIFA World Cup）简称“世界杯”
				</div>
			</div>
			<div class="item">
				<div class="s_Img">
					<img src="images/亚洲杯.jpg" alt="">
				</div>
				<div class="title">亚洲杯</div>
				<div class="desc">
					亚足联亚洲杯（AFC Asian Cup），简称“亚洲杯”，是由亚足联举办的国际性成年男子足球队比赛，每四年举办一届
				</div>
			</div>
			<div class="item">
				<div class="s_Img">
					<img src="images/欧洲杯.jpg" alt="">
				</div>
				<div class="title">欧洲杯</div>
				<div class="desc">
					欧洲足球锦标赛（European Football Championship），简称“欧锦赛”，也称“欧洲杯”
				</div>
			</div>
			<div class="item">
				<div class="s_Img">
					<img src="images/非洲杯.jpg" alt="">
				</div>
				<div class="title">非洲杯</div>
				<div class="desc">
					非洲国家杯（Africa Cup of Nations）简称非洲杯，由非洲足联主办
				</div>
			</div>
		</div>
		<div class="bottom clearfix">
			<img src="images/世界杯.jpg" alt="">
			<h3>国际足联世界杯</h3>
			<p>国际足联世界杯（FIFA World Cup）简称“世界杯”，是世界上最高荣誉、最高规格、最高竞技水平、最高知名度的足球比赛，与奥运会并称为全球体育两大最顶级赛事，影响力和转播覆盖率超过奥运会的全球最大体育盛事。 [1]
			<p> 
			世界杯是全球各个国家在足球领域最梦寐以求的神圣荣耀，也是各个国家（或地区）所有足球运动员的终极梦想。世界杯每四年举办一次，任何国际足联会员国（地区）都可以派出代表队报名参加这项赛事。世界杯是世界足球运动发展推广普及的源头和根本，所以也被誉为“生命之杯”。巴西是夺得该项荣誉最多的球队，共获得5次世界杯冠军，并且在3夺世界杯后永久地保留了前任世界杯雷米特杯。现在的世界杯是大力神杯，4夺世界杯冠军的德国在1974年首次捧杯并沿用至今，两者都统称为世界杯。中国曾在2002年首次晋级第17届韩日世界杯决赛阶段32强。
			<p>
			北京时间2017年1月10日，国际足联官方宣布，2026年世界杯起将扩军至48支球队参加。 [2]  2018年6月13日，在莫斯科举行的国际足联第68届大会上，美国、加拿大、墨西哥三国联合申办2026年世界杯足球赛成功。</p>
		</div>
		<div class="bottom clearfix">
			<img src="images/亚洲杯.jpg" alt="">
			<h3>亚足联亚界杯</h3>
			<p>亚足联亚洲杯（AFC Asian Cup），简称“亚洲杯”，是由亚足联举办的国际性成年男子足球队比赛，每四年举办一届。从1997年开始，亚洲杯冠军代表亚足联参加国际足联联合会杯。
			<p> 
			亚洲杯是世界上除了美洲杯以外历史最悠久的洲际国家队比赛，比第一届欧洲杯还要早四年创办。亚洲杯也是亚洲地区内最高级别的国家级赛事，参赛球队必须是亚足联成员。从1956年至2004年期间，每届亚洲杯都与欧洲杯以及奥运会在同一年份举行，因此亚洲杯的吸引力也长期受制于这两个同年举行的大型体育赛事。为了更好地推广亚洲杯，并进一步提高赛事的影响力，亚足联决定将亚洲杯放在体育赛事相对较少的单数年份举行。因此，亚足联将原定于2008年的亚洲杯提前一年至2007年举办，以后仍然继续每四年举行一届。
			<p>
			2015年澳大利亚亚洲杯 [1]  于2015年1月9日至1月31日在澳大利亚的悉尼、堪培拉、墨尔本和布里斯班、黄金海岸这五个城市举行，有包括16支队伍参加。最终澳大利亚夺得本届亚洲杯，这也是澳大利亚历史上第一次夺得该项赛事的冠军。</p>
		</div>
		<div class="bottom clearfix">
			<img src="images/欧洲杯.jpg" alt="">
			<h3>欧洲足球锦标赛</h3>
			<p>欧洲足球锦标赛（European Football Championship），简称“欧锦赛”，也称“欧洲杯”，是一项由欧洲足球协会联盟举办，欧洲足协成员国间参加的最高级别国家级足球赛事。1960年举行第一届，其后每四年举行一届，已举办15届。
			<p> 
			赛事创办时名称为“欧洲国家杯”（European Nations Cup），其后于1968年改名为欧锦赛。该项赛事最初的目的是为了填补两届世界杯之间4年的空白，从而让欧洲各国有更多的比赛机会。
			<p>
			欧锦赛主办方直接晋身决赛周，其他参赛队伍被分为若干个小组，各小组进行外围赛。外围赛将以小组双循环得分制进行，每组的首、次名共16支球队得以晋身决赛周（2016年将在法国举行的欧锦赛开始，决赛阶段球队将增加至24支 [1]  ）。若出现积分相同，则比较两队相互间战绩，若还不能确定出线球队，则需比较小组赛全部比赛的净胜球数、进球数及客场进球数决定出线席位。</p>
		</div>
		<div class="bottom clearfix">
			<img src="images/非洲杯.jpg" alt="">
			<h3>非洲国家杯</h3>
			<p>非洲国家杯（Africa Cup of Nations）简称非洲杯，由非洲足联主办，是非洲大陆最高规格的国家队比赛，地位等同于欧洲杯、美洲杯和亚洲杯等其他大洲的洲际大赛。 [1]
			<p> 
			第一届非洲杯于1957年举行，自1968年开始，此项赛事正式确定为每两年举办一届，一直延续到2013年由于改制而在2012,2013年间连续举办了2届非洲杯，之后仍为2年1届。
			<p>
			第
				屡夺冠军的非洲劲旅喀麦隆队
				屡夺冠军的非洲劲旅喀麦隆队
				一届非洲杯的参赛队只有可怜的3支球队——埃及、苏丹和埃塞俄比亚，虽然南非当时也提出了参赛的要求，但由于该国的臭名昭著的种族隔离政策而遭到拒绝，北非劲旅埃及夺得了首届比赛的冠军。最早的非洲杯并没有规定固定的举办年份，在1957、1959、1962、1963、1965和1968的11年内总共就举办了6届杯赛。</p>
		</div>
	</div>
	<script>
		var sHeight=document.documentElement.clientHeight||document.body.clientHeight;
		var origin=document.querySelector(".origin");
		var item=document.querySelectorAll(".item");
		show();
		function show(){
			var otop=origin.getBoundingClientRect().top;
			if(otop<sHeight){
				for(var i=0;i<item.length;i++){
					item[i].className="item active";
				}
			}
		}
	</script>
	</body>
	</html>